function clsbox() {
    hdaper();
}

function shaper() {
    $(".hdaper .panel").addClass('tpshow');
    $('.paper-bg').show();
}

function hdaper() {
    $(".hdaper .panel").removeClass('tpshow');
    $('.paper-bg').hide();
}

function clsbox() {
    hdaper();
}

function shaper() {
    $(".hdaper .panel").addClass('tpshow');
    $('.paper-bg').show();
}

function hdaper() {
    $(".hdaper .panel").removeClass('tpshow');
    $('.paper-bg').hide();
}

$CertusFormAjax.ajax('findSingNodes',{"processId":processId},function (response) {
    var data = response.data;
    var html = "";
    var dlength = data.length;
    var isFinish = false;
    for (var i = 0; i < dlength; i++) {
        var nodeStr = "";
        html += '<div class="proce-log"><div class="proce-log-lf"><div class="log-dashed"></div>' +
            '</div><div class="proce-log-rg"><div class="log-mark">';
        if (data[i].nodeFlag==1){
            html += '<div class="log-mark-icon mark-prime">发起';
            nodeStr += '&nbsp;&nbsp;&nbsp;&nbsp;补签申请';
        }else if (data[i].nodeFlag==2){
            html += '<div class="log-mark-icon mark-warning">退回';
            nodeStr += '&nbsp;&nbsp;&nbsp;&nbsp;退回申请';
        }else if (data[i].nodeFlag==3){
            html += '<div class="log-mark-icon mark-danger">拒绝';
            nodeStr += '&nbsp;&nbsp;&nbsp;&nbsp;拒绝申请';
            isFinish = true;
        }else if (data[i].nodeFlag==4){
            html += '<div class="log-mark-icon mark-success">同意';
            nodeStr += '&nbsp;&nbsp;&nbsp;&nbsp;同意申请';
        }else{
            html += '<div class="log-mark-icon">结束';
            nodeStr += '&nbsp;&nbsp;&nbsp;&nbsp;审批通过';
            isFinish = true
        }

        html += '</div><div class="log-tag"></div><div class="log-mark-value"><div class="log-mtitle">' +
            '<span class="log-time">' + data[i].createTime;
        html += nodeStr;
        html += '</span><span class="log-status">状态：';
        if (data[i].nodeFlag == 3 || data[i].nodeFlag == 5) {
            //流程走完正常结束
            html += '流程结束<i class="status-red">';
        } else {
            html += '任务执行完毕<i>';
        }

        html += '</i></span></div><div class="log-mbody"><span class="log-name">办理人：';
        html += data[i].createUser;
        html += '</span><span class="tp-txt">审批意见：';
        html += data[i].opinionMsg;
        html += '</span></div></div></div></div></div>';
    };
    if (isFinish == false) {
        html += '<div class="proce-log"><div class="proce-log-lf"><div class="log-dashed"></div>' +
            '</div><div class="proce-log-rg"><div class="log-mark">';
        html += '<div class="log-mark-icon mark-blue">待办';
        html += '</div><div class="log-tag"></div><div class="log-mark-value"><div class="log-mtitle">' +
            '<span class="log-time">' + data[dlength - 1].createTime;
        html += '&nbsp;&nbsp;&nbsp;&nbsp;等待办理';
        html += '</span><span class="log-status">状态：';
        html += '流程执行中<i class="status-purple">';

        html += '</i></span></div><div class="log-mbody"><span class="log-name">办理人：';
        html += data[dlength - 1].dealUser;
        html += '</div></div></div></div></div>';
    }
    $("#nodeContiner").html(html);
});